<template>
  <div class="health-body">
  <div class="health">
        <div class="health-left">
             <img src="../../assets/img/my.jpg" alt="">
             <span class="health-name">小明</span>
        </div>
        <div class="health-right">
          <router-link tag="div" to="/information" class="health-xinxi">健康信息 <span><i class="iconfont icon-ziyuanldpi"></i> </span>
          </router-link>
        </div>
      </div>
      <div class="message">
        <i class="iconfont icon-xiaoxi"></i>
        <router-link class="mess" tag="div" to="/messagecon" >消息</router-link>
      </div>
       <div class="miscellaneous">
        <i class="iconfont icon-pengyou"></i>
        <router-link class="mess" tag="div" to="/family">家人和朋友</router-link>
      </div>
      <div class="miscellaneous">
        <i class="iconfont icon-shoucang"></i>
        <router-link class="mess" tag="div" to="/collection">我的收藏</router-link>
      </div>
      <div class="miscellaneous">
        <i class="iconfont icon-dingdan"></i>
        <router-link class="mess" tag="div" to="/mineorder">我的订单</router-link>
      </div>
      <div class="miscellaneous">
        <i class="iconfont icon-zizhanghaoguanli"></i>
        <router-link class="mess" tag="div" :to="'/login/'+encodeURIComponent('mine')">账号和其他</router-link>
      </div>
      <div class="miscellaneous">
        <i class="iconfont icon-webicon302"></i>
        <router-link class="mess" tag="div" to="/service">在线客服</router-link>
      </div>
      <div class="miscellaneous">
        <i class="iconfont icon-bangzhu"></i>
        <router-link class="mess" tag="div" to="/help">帮助与反馈</router-link>
      </div>
      <div class="miscellaneous">
        <i class="iconfont icon-banshou"></i>
        <router-link class="mess" tag="div" to="/setting">设置</router-link>
      </div>
  </div>
</template>
<script>
import Message from './message/messagecon'
import Information from './message/information'
import Family from './message/family'
export default {
  name: "Health",
  data(){
    return{
    }
  }
}
</script>
<style lang="css" scoped>
.health-body{
  width: 100%;
  height: 100%;
}
.health{
  width: 100%;
  height: 1.35rem;
  margin: 0.45rem 0 0.45rem 0;
  background: #fff;
}
.health-left{
  width: 2.4rem;
  height: 1.2rem;
  padding-top: 0.075rem;
  padding-left: 0.075rem;
  float: left;
}
.health-left img{
  width: 1.5rem;
  height: 1.2rem;
}
.health-name{
  float: right;
  line-height: 1.2rem;
}
.health-right{
    width: 4.5rem;
    height: 1.35rem;
    float: left;
}
.health-xinxi{
  float: right;
  line-height: 1.35rem;
}
.message{
  width: 100%;
  height: 1rem;
  margin: 0 0 0.45rem 0;
  background: #fff;
}
.message i{
  padding-left: 0.3rem;
  line-height: 1rem;
  float: left;
}
.mess{
  padding-left: 0.3rem;
  line-height: 1rem;
  float: left;
}
.miscellaneous{
  width: 100%;
  height: 1rem;
  margin: 0 0 0.02rem 0;
  background: #fff;
}
.miscellaneous i{
  padding-left: 0.3rem;
  line-height: 1rem;
    float: left;
}
span i{
  font-size: 0.2rem;
}

</style>
